
<ion-header>

  <ion-navbar color="dark">
    <ion-title class="center w80">{{title}}</ion-title>
  </ion-navbar>
</ion-header>



<ion-content>


  <!--<ion-item>-->
    <!--<ion-label>省市区选择器</ion-label>-->
    <!--<city-picker item-content-->
                 <!--[cancelText]="'取消'"-->
                 <!--[doneText]="'完成'"-->
                 <!--[separator]="' - '"-->
                 <!--[citiesData]="cityData"-->
                 <!--[(ngModel)]="cityName"-->
                 <!--(ionChange)="cityChange($event)">-->

    <!--</city-picker>-->
    <!--</ion-item>-->
  <ion-item *ngIf="sportList==undefined">
    <ion-label *ngIf="title=='我参加的活动'" text-center="">暂未参加任何活动</ion-label>
    <ion-label *ngIf="title=='我发布的活动'" text-center="">暂未发布任何活动</ion-label>
  </ion-item>

  <ion-card *ngFor="let sport of sportList" style="margin: 5px 0 0 0;width: 100%" (click)="goToSportDetail(sport.id)">
    <!--左侧活动类型图标-->
    <div class="sport_left">
      <img src="{{localSportTypeImgPath}}{{sport.sportTypeImg}}" class="sport_type_img">
      <span *ngIf="sport.pubSportStatus==0&&sport.sportFlag==0" class="note_end">已结束</span>
      <span *ngIf="sport.pubSportStatus==1" class="note_end">活动已取消</span>
    </div>
    <div class="sport_right">
      <!--活动标题-->
      <div class="sport_title">{{sport.pubSportTitle}}</div>
      <!--开始时间-->
      <div class="condition">
        <img src="{{localSportTypeImgPath}}starttime.jpg" class="type_img">
        <span>{{sport.sportStartDatetime}}({{sport.sportStartWeek}})</span>
      </div>
      <!--结束时间-->
      <div class="condition">
        <img src="{{localSportTypeImgPath}}endtime.jpg" class="type_img">
        <span>{{sport.sportEndDatetime}}({{sport.sportEndWeek}})</span>
      </div>
      <!--地点-->
      <div class="condition">
        <img src="{{localSportTypeImgPath}}location.png" class="type_img">
        <span>{{sport.pubSportPlace}}</span>
      </div>
      <!--右侧分割线-->
      <hr width="95%" size="1px" style="color:#8e9093">
      <!--右侧灰色图标1-->
      <div class="small_img_div">
        <img src="{{localSportTypeImgPath}}person.png" class="type_img">
        <span>{{sport.sportRealJoinPersonNum}}</span>
      </div>
      <!--右侧灰色图标2-->
      <div class="small_img_div">
        <img src="{{localSportTypeImgPath}}discuss.png" class="type_img">
        <span>{{sport.discussNum}}</span>
      </div>
      <!--右侧灰色图标3-->
      <div class="small_img_div">
        <img src="{{localSportTypeImgPath}}browse.png" class="type_img">
        <span>{{sport.browseNum}}</span>
      </div>
    </div>
  </ion-card>
</ion-content>
